{__NOLAYOUT__}
<div id="{$elementId}"></div>
<script type="text/javascript">
$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: '{$elementId}',
                type: 'spline'
            },
            title: {
                text: '{$title}',
                x: -20 //center
            },
            subtitle: {
                text: '{$subtitle}',
                x: -20
            },
            xAxis: {
				categories : <?php echo $xcategories; ?>
            },
            yAxis: {
                title: {
                    text: '{$label}'
                },
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }],
				showEmpty:true,
				gridLineColor:'#efefef',
				minRange:0.1
            },
            series: <?php echo $yseries; ?>
        });
    });

});
</script>